<div class="bg" [ngStyle]="tagData.cssStyle | styleFilter">
  <img class="bg-img" src="assets/fw/cp_head_bg.png" alt="">
  <div class="content-bg">
    <p class="title">{{tagData.data.data.title}} <img appDebounceClick (debounceClick)="openImg()" class="title-icon"
        src="assets/fw/cp_title_icon.png"></p>
    <p class="tag-bg">
      <span class="grade" *ngIf="tagData.data.data.grade">{{tagData.data.data.grade}}</span>
      <span class="ability" *ngIf="tagData.data.data.ability">{{tagData.data.data.ability}}</span>
      <span class="ability" *ngIf="tagData.data.data.honor">{{tagData.data.data.honor}}</span>
    </p>
    <div class="data-bg">
      <ng-container *ngFor="let item of tagData.data.data.data ; let i = index">
        <span class="sep" *ngIf="i>0"></span>
        <div class="data">
          <p class="count">{{item.label}}<span class="unit">{{item.labelText}}</span></p>
          <p class="tips">{{item.tips}}</p>
        </div>

      </ng-container>


    </div>
  </div>
</div>